
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title>Map Example</title>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
var em=null,map=null;
//// H5 plus事件处理
function plusReady(){
//alert('精度'+ptObj.getLng()); // 提示false
//alert( pt1.equals(pt3) ); // 提示false
	// 确保DOM解析完成
	if(!em||!window.plus||map){return};
	map = new plus.maps.Map("map");
	getCenter();
	// 获取地图的中心点
function getCenter(){
	var center = map.getCenter();
	alert( JSON.stringify(center) );
	lon=center.longitude;
	lat=center.latitude;
	map.centerAndZoom( new plus.maps.Point(lon,lat), 10 );
	showUserLocation();//显示当前坐标
//	var posObj = new plus.maps.Position(new plus.maps.Point(lon,lat));
//alert(posObj.point+posObj.address+JSON.stringify(posObj));
}
	map.onclick = function( point ){
		addMarker(point.longitude,point.latitude);
		//获取单击事件
//		alert( JSON.stringify(point) );
	}
//
//	addMarker();
}
if(window.plus){
	plusReady();
}else{
	document.addEventListener("plusready",plusReady,false);
}
// DOMContentloaded事件处理
document.addEventListener("DOMContentLoaded",function(){
	em=document.getElementById("map");
	plusReady();
},false);
//// 添加标点
var markers=[];
function addMarker(longitude,latitude){
	//清除所有标点
	map.clearOverlays();
	markers=[];
	//创建新标点
	var longitude=longitude|| 116.347496;
	var latitude=latitude|| 39.970191;
	var marker=new plus.maps.Marker(new plus.maps.Point(longitude,latitude));
//	var marker=new plus.maps.Marker(new plus.maps.Point(longitude+0.001*i,latitude+0.001*i));
	marker.setIcon("../images/logo.png");
	marker.setLabel("王大大");
	var bubble = new plus.maps.Bubble("王大大上课,点击观看");
	marker.setBubble(bubble);
//	bubble.setLabel('新内容');
	// 用户点击气泡将弹出气泡上的标题信息 
bubble.onclick = function ( bubble ) {
	alert( "Clicked:" + bubble.getLabel() );
}
//	bubble.loadImage('http://www.dcloud.io/docs/api.jpeg');//从图片加载内容
	map.addOverlay(marker);
	markers.push(marker);
//	i++;
}
// 清除所有标点
function clearMarker(){
	map.clearOverlays();
	markers=[];
}

// 打开用户位置
function showUserLocation(){
	map.showUserLocation( true );
}
//// 关闭用户位置
//function hideUserLocation(){
//	map.showUserLocation( false );
//}
//// 获取是否打开用户位置
//function isUserLocation(){
//	alert( map.isShowUserLocation() );
//}
// 获取用户的当前位置信息
function getUserLocation(){
	map.getUserLocation( function ( state, point ){
		if( 0 == state ){
			addMarker(point.longitude,point.latitude);
			
			baidudv();
//			alert(point.longitude+JSON.stringify(point) );
		}else{
			alert( "Failed!" );
		}
	} );
}
function map_click(ret){ 
	mui.plusReady(function() {
//		alert(JSON.stringify(plus.geolocation));
 plus.geolocation.getCurrentPosition(function(position) {
                	alert(JSON.stringify(position));
                    longitude = position.coords.longitude;
                    latitude = position.coords.latitude;
                    CarAddress = position.address.city + position.address.district + position.address.street;
                    console.log("longitude:"+longitude+"latitude:"+latitude+"CarAddress:"+CarAddress);
                }); 
})}

map_click();
		</script>
		<style type="text/css">
#map {
	width: 100%;
	position: fixed;
	top: 100px;
	bottom: 0px;
	line-height: 200px;
	text-align: center;
	background: #FFFFFF;
}
		</style>
	</head>
	<body>
		清除地图中所有覆盖物对象<br/>
		<button onclick="addMarker()">添加标点</button>
		<button onclick="clearMarker()">清除标点</button><span id="city">城市</span>
		获取是否显示用户位置<br/>
		<button onclick="showUserLocation()">显示用户位置</button>
		<!--<button onclick="hideUserLocation()">关闭用户位置</button><br/>-->
		<!--<button onclick="isUserLocation()">是否显示用户位置</button>-->
		获取用户的当前位置信息
		<button onclick="getUserLocation()">获取位置</button>
<br/>
		<div id="map">地图加载中...</div>
	</body>
</html>